import { View, Image, Text } from "@tarojs/components";
import React from 'react'
import Taro, { render } from '@tarojs/taro'
import './selectRole.scss'
import dad from "./img/dad.png";
import mom from "./img/mom.png";
import doctor from "./img/doctor.png";
import dietician from "./img/dietician.png";


class selectRole extends React.Component {
    state = {
      current: 0
    }


      render () {
        return (
          <view className="content">
            <view className="textTop">请选择您的身份</view>
            <view className="img">
              <view className='at-col'><image style="width: 50px;height: 50px" src={dad} ></image>爸爸</view>
              <view className='at-col'> <image style="width: 50px;height: 50px" src={mom}></image>妈妈</view>
              <view className='at-col'><image style="width: 50px;height: 50px" src={doctor}></image>医生</view>
              <view className='at-col'><image style="width: 50px;height: 50px" src={dietician}></image>营养师</view>
             {/* <image style="width: 50px;height: 50px" src={dad} >爸爸/准爸爸</image>
             <image style="width: 50px;height: 50px" src={mom}>妈妈/准妈妈</image>
             <image style="width: 50px;height: 50px" src={doctor}>医生</image>
             <image style="width: 50px;height: 50px" src={dietician}>营养师</image> */}
            </view>
            {/* <view className="textMid">
              <text>爸爸/准爸爸</text>
              <text>妈妈/准妈妈</text>
              <text>医生</text>
              <text>营养师</text>
            </view> */}
            <view className="textBottom">
                <view>已有账号？</view>
                <Text>去登录</Text>
            </view>
            </view>
        )
      }

  }



export default selectRole;
